<template>
  <div id="app">
    <!-- <div class="item"></div> -->
    <!-- <toDoList></toDoList>
    <flex-direction-t></flex-direction-t>-->
    <!-- <align-item-t></align-item-t> -->
    <!-- <justify></justify> -->
    <!-- <to-do-list></to-do-list> -->
    <!-- <flex-grow></flex-grow> -->
    <!-- <flex-center></flex-center>
    <top-menu></top-menu>-->
    <!-- <relative></relative> -->
    <!-- <absolute></absolute> -->
    <!-- <absolute-center></absolute-center> -->
    <!-- <icon></icon> -->
    <!-- <fixed></fixed> -->
    <!-- <top-menu-fixed></top-menu-fixed> -->
    <!-- <simple-button></simple-button>
    <simple-button-slot></simple-button-slot>
    <simple-button-slot-1></simple-button-slot-1>-->
    <!-- <to-do-list-1></to-do-list-1> -->
    <!-- <review-bind-class></review-bind-class> -->
    <!-- <splite-model></splite-model> -->
    <!-- <my-input v-model="inputVal" :clearable="true" icon="icon-yanjing"></my-input>
    {{ inputVal }}-->
    <!-- <simple-table></simple-table>
    <simple-dialog></simple-dialog> -->
    <!-- <article-list></article-list> -->
    <!-- <article-list-base></article-list-base> -->
    <!-- <mainacc></mainacc> -->
    <!-- <transition-base></transition-base> -->
    <!-- <transition></transition> -->
    <!-- <keyframes-base></keyframes-base> -->
    <!-- <keyframes></keyframes> -->
    <!-- <my-switch-template></my-switch-template> -->
    <!-- <transition-input></transition-input> -->
    <!-- <life></life> -->
    <!-- <index></index> -->
    <!-- <article-list-mock></article-list-mock> -->
    <mock-test></mock-test>
  </div>
</template>

<script>
import toDoList from "./views/lesson4/toDoList.vue";
import flexDirectionT from "./views/lesson4/flex-direction-t.vue";
import alignItemT from "./views/lesson5/align-items-t.vue";
import justify from "./views/lesson5/justify-content.vue";
import flexGrow from "./views/lesson5/flex-grow.vue";
import FlexCenter from "./views/lesson5/flexCenter.vue";
import TopMenu from "./views/lesson5/topMenu.vue";
import Relative from "./views/lesson5/relative.vue";
import Absolute from "./views/lesson5/absolute.vue";
import AbsoluteCenter from "./views/lesson5/absolute-center.vue";
import icon from "./views/lesson5/icon.vue";
import Fixed from "./views/lesson5/fixed.vue";
import TopMenuFixed from "./views/lesson5/topMenu-fixed.vue";
import SimpleButton from "./views/lesson6/SimpleButton.vue";
import SimpleButtonSlot from "./views/lesson6/SimpleButtonSlot.vue";
import SimpleButtonSlot1 from "./views/lesson6/SimpleButtonSlot1.vue";
import ToDoList1 from "./views/lesson7/toDoList.vue";
import reviewBindClass from "./views/lesson8/reviewBindClass.vue";
import SpliteModel from "./views/lesson10/spliteModel.vue";
import MyInput from "./views/lesson10/myInput.vue";
import SimpleTable from "./views/lesson11/SimpleTable.vue";
import SimpleDialog from "./views/lesson11/SimpleDialog.vue";
import ArticleList from "./views/lesson11/articleList.vue";
import ArticleListBase from "./views/lesson12/articleListBase.vue";
import Mainacc from "./views/lesson20/mainacc.vue";
import TransitionBase from "./views/lesson13/transition-base.vue";
import Transition from "./views/lesson13/transition.vue";
import KeyframesBase from "./views/lesson13/keyframes-base.vue";
import keyframes from "./views/lesson13/keyframes.vue";
import MySwitchTemplate from "./views/lesson13/mySwitch-animation.vue";
import TransitionInput from "./views/lesson15/transitionInput.vue";
import Life from "./views/lesson15/life.vue";
import Index from "./views/lesson15/index.vue";
import ArticleListMock from "./views/lesson16/articleList-mock.vue";
import MockTest from "./views/lesson16/mock-test.vue";
export default {
  components: {
    toDoList,
    flexDirectionT,
    alignItemT,
    justify,
    flexGrow,
    FlexCenter,
    TopMenu,
    Relative,
    Absolute,
    AbsoluteCenter,
    icon,
    Fixed,
    TopMenuFixed,
    SimpleButton,
    SimpleButtonSlot,
    SimpleButtonSlot1,
    ToDoList1,
    reviewBindClass,
    SpliteModel,
    MyInput,
    SimpleTable,
    SimpleDialog,
    ArticleList,
    ArticleListBase,
    Mainacc,
    TransitionBase,
    Transition,
    KeyframesBase,
    keyframes,
    MySwitchTemplate,
    TransitionInput,
    Life,
    Index,
    ArticleListMock,
    MockTest,
  },

  data() {
    return {
      inputVal: "",
    };
  },
  methods: {
    clickBtn() {
      alert("点击了第一个按钮");
    },
  },
};
</script>
<style>
</style>
